<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仓储管理系统 - 首页</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="app-container">
    <!-- 侧边栏导航 -->
    <aside class="sidebar">
        <div class="logo">仓储管理系统</div>
        <nav>
            <ul>
                <li class="active"><a href="index.html"><i class="icon-dashboard"></i> 仪表盘</a></li>
                <li><a href="inventory/list.html"><i class="icon-inventory"></i> 库存管理</a></li>
                <li><a href="inbound/list.html"><i class="icon-inbound"></i> 入库管理</a></li>
                <li><a href="outbound/list.html"><i class="icon-outbound"></i> 出库管理</a></li>
                <li><a href="location/list.html"><i class="icon-location"></i> 库位管理</a></li>
                <li><a href="reports/inventory.html"><i class="icon-report"></i> 报表统计</a></li>
            </ul>
        </nav>
    </aside>

    <!-- 主内容区 -->
    <main class="main-content">
        <header class="content-header">
            <h1>仪表盘</h1>
            <div class="user-info">
                <span>欢迎，管理员</span>
                <a href="#" class="logout">退出</a>
            </div>
        </header>

        <div class="dashboard-widgets">
            <!-- 各种统计卡片 -->
            <div class="widget">
                <h3>库存总量</h3>
                <div class="value">5,248</div>
                <div class="footer">较上月 ↑12%</div>
            </div>

            <div class="widget">
                <h3>今日入库</h3>
                <div class="value">124</div>
                <div class="footer">3个待处理</div>
            </div>

            <div class="widget">
                <h3>今日出库</h3>
                <div class="value">89</div>
                <div class="footer">2个待处理</div>
            </div>

            <div class="widget">
                <h3>库存预警</h3>
                <div class="value">15</div>
                <div class="footer">需及时补货</div>
            </div>
        </div>

        <div class="dashboard-section">
            <h2>近期活动</h2>
            <table class="data-table">
                <!-- 近期活动表格 -->
            </table>
        </div>
    </main>
</div>
<script src="js/main.js"></script>
</body>
</html>